home *** CD-ROM | disk | FTP | other *** search
/ Exploring Creation with P…al Science (2nd Edition) / Exploring Creation with Physical Science (2nd Edition).iso / exe / bin / Styles / warning.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2012-12-18  |  2.7 KB  |  132 lines
  1. @charset "utf-8";
  2. /* Stylesheet for the anti-phishing warning documents */
  3. /* Copyright 2008 Opera Software */
  4. @media tv {html {font-size: 150%;}}
  5. @media screen, projection, tv, speech {
  6. html {
  7.     font-family: sans-serif;
  8.     color: hsl(0,0%,22%);
  9.     background-color: hsl(0,0%,78%);
  10.     margin: 50px auto 10px;
  11.     max-width: 390px;
  12.     voice-family: female;
  13. }
  14. body {margin: 0;}
  15. a {
  16.     color: hsl(0,0%,29%);
  17.     background-color: transparent;
  18. }
  19. h1 {
  20.     font-family: sans-serif;    
  21.     font-size: 83%;
  22.     text-align: center;
  23.     color: white;
  24.     background: transparent;
  25.     background-image: url(images/red_center.png);
  26.     background-repeat: repeat-x;
  27.     padding: 5px 0;
  28.     margin: 0 11px;
  29.     min-height: 18px;
  30.     position: relative;
  31. }
  32. h1::before, h1::after {
  33.     content: "";
  34.     background-image: url(images/red_left.png);
  35.     width: 13px;
  36.     height: 28px;
  37.     position: absolute;
  38.     left: -13px;
  39.     top: 0;
  40. }
  41. h1::after {
  42.     background-image: url(images/red_right.png);
  43.     left: auto;
  44.     right: -13px;
  45. }
  46. h2 {
  47.     font-family: sans-serif;
  48.     font-size: 83%;
  49.     font-weight: normal;
  50.     font-style: italic;
  51.     text-align: center;
  52.     white-space: nowrap;
  53.     color: hsl(0,0%,22%);
  54.     background-color: hsl(0,0%,93%);
  55.     padding: 10px 5px 5px;
  56.     margin: 0;
  57.     border-bottom: 1px solid hsl(0,0%,72%);
  58.     overflow: auto;
  59. }
  60. p {
  61.     font-size: 83%;
  62.     color: inherit;
  63.     background-color: hsl(0,0%,99%);
  64.     -o-text-overflow: ellipsis;
  65.     padding: 10px;
  66.     margin: 0;
  67.     overflow: hidden;
  68. }
  69. h2+p::before {
  70.     content: "";
  71.     background-image: -o-skin('Dialog Warning');
  72.     margin: 0 7px 0 0;
  73.     width: 48px;
  74.     height: 48px;
  75.     float: left;
  76. }
  77. ul {
  78.     color: inherit;
  79.     background-color: hsl(0,0%,99%);
  80.     padding: 15px 25px 5px;
  81.     margin: 0;
  82.     list-style: none;
  83. }
  84. li {
  85.     font-size: 83%;
  86.     text-align: center;
  87.     vertical-align: middle;
  88.     padding: 5px;
  89.     display: block;
  90. }
  91. li+li {
  92.     font-size: 70%;
  93.     text-align: center;
  94.     padding: 25px 0 0;
  95.     width: 100%;
  96. }
  97. address {
  98.     font-size: 70%;
  99.     font-style: normal;
  100.     text-indent: 5px;
  101.     background-color: hsl(0,0%,98%);
  102.     background-image: url(images/center.png);
  103.     background-repeat: repeat-x;
  104.     background-position: left bottom;
  105.     padding: 3px 3px 5px;
  106.     border-top: 1px solid hsl(0,0%,57%);
  107.     clear: both;
  108. }
  109. address a + a {
  110.     font-size: 100%;
  111.     font-style: normal;
  112.     text-indent: 0px;
  113.     background-color: hsl(0,0%,98%);
  114.     padding: 0px 0px 0px;
  115.     clear: both;
  116.     float:right;
  117. }
  118. }
  119. @media screen and (max-width: 416px), projection and (max-width: 416px), tv and (max-width: 416px) {
  120.     html {margin: 10px 15px;}
  121. }
  122. @media screen and (max-width: 200px), projection and (max-width: 200px), tv and (max-width: 200px) {
  123.     html {margin: 0;}
  124.     h1 {
  125.         margin: 0;
  126.         background-color: hsl(0,100%,35%);
  127.     }
  128.     h1::before, h1::after {display: none;}
  129. }
  130. @media tv {h1 {height: 18px;}}
  131.  
  132.